﻿.record_container
{
    padding: 30px 0 0;
    width:645px;
    height:500px;
    margin:0 auto;
    background-image: url("images/ipad.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    font-family:微软雅黑;
}
#btn_home
{
   position:relative;
   width:31px;
   height:31px;   
   top:208px;
   left:594px;
   z-index:10; 
   cursor:pointer;
}
#btn_home:hover
{
   background:url("images/ipad_home.png") no-repeat  center;
}
#record_list
{
    margin:0 65px 0 66px;  
    height:384px;
}
#record_head
{
    background-color:#252525;
    color:White;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    text-align:center;  
}
#record_item_container
{
    height:344px;
    overflow:auto; 
}
.record_item
{
   border-bottom: 1px solid #DBD5D0;
   padding: 0 10px;
   height:35px;
   line-height:35px;
   font-size:14px;
   color:#000;
}
.record_item:hover
{
   background-color:#97c1f1;    
}

.record_item .x_date
{
    font-weight:bold;
    color: #000;  
}
.record_item .x_dayofweek
{
    padding:0 5px;
    color: #000;  
}
.record_item .x_time
{
   padding:0 5px;
   color:#462710;
   font-weight:bold;
}
.record_item .x_remark
{
    width:250px;
    text-align:left;
}
.record_item .btn_remark
{
   float:right;
   font-size:11px;
   cursor:pointer;
   color:blue;
}
.record_item .btn_remark:hover
{
   text-decoration:underline;
   color:#5F5FB0;
}
.no_record
{
   color:#555;
   font-weight:bold;
   text-align:center;  
   margin-top:140px;
   font-size:20px;
}
#record_menu
{
    background-color:#5D3E30;
    height:0;
    width:512px;
    position:relative;
    left:67px;    
    z-index:9;
    display:none;
    color:White;
}
#record_menu .menu_query
{
     height:50px;
     width:100%;
     border-bottom:1px solid #fff;
     line-height:45px;
}
#record_menu .menu_query span
{
   padding:0 8px;    
}
#btn_query
{
    width:32px;
    height:32px;
    margin-top:9px;
    margin-right:35px;
    float:right;
    cursor:pointer;
}
#btn_query:hover
{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#record_menu .menu_item
{
    float:left;
    width:101px;
    text-align:center;
    margin:0;
    padding:0;
    cursor:pointer;
}
#record_menu .menu_item:hover
{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#record_menu .border_right
{
    border-right:1px solid #fff;
}
#record_menu .menu_item img
{
    width:32px;
    height:32px;
}
#record_menu .item_text
{
   margin-top:-10px;
}
